<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache"/>   
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>   
<meta http-equiv="expires" content="0"/> 
<title>账单列表</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="./js/application/futurebillList.js?v=20180408-1"></script>
<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript" src="./laydate/laydate.js"></script>
<style>
.cancelBtn{background: #fff;color: #000;border: 1px solid #000;}
.countList{border:1px solid #a7b5bc;padding:10px;display:table;width: 100%;clear: both;}
.countList li{width: 30%;float: left;}
</style>
</head>
<body>
<div class="incList">	
    <div class="place" name="billList">
        <span>位置：</span>
        <ul class="placeul">
            <li><a href="#">账单管理</a></li>
            <li><a href="/euc/page/futurebillList.html">账单列表</a></li>
        </ul>
    </div> 
    <div class="formbody" name="billList">
        <div class="tools" >
            <ul class="seachform"> 
            	<li style="display:none;">
					<label>账单状态</label>
					<div class="vocation">
                        <select class="tlselect" name="statusSelect" id="searchStatus">
                            <option value="0" selected>请选择</option>
                            <option value="1">未结清</option>
                            <option value="2">已结清</option>
                            <option value="3">已逾期</option>
                        </select>
					</div>
                </li>
                
				<li>
                	<label>开始时间</label>
                    <input name="dateStart" id="searchBeginTime" placeholder="请选择开始时间" 
                    	onclick="laydate({elem:'#searchBeginTime',istime: false, format: 'YYYY-MM-DD'})" type="text" name="" class="indinput"/>                        
                </li>
				<li>
                	<label>至</label>
                    <input name="dateEnd" id="searchEndTime" placeholder="请选择结束时间" 
                    	onclick="laydate({elem:'#searchEndTime',istime: false, format: 'YYYY-MM-DD'})" type="text" name="" class="indinput"/>                        
                </li>
                
			 </ul>
             <ul class="seachform"> 
             	<li>
                	<label>空间名称</label>
                    <div class="vocation">
                        <select class="tlselect" name="spaceSelect" id="searchSpace" style="width:240px;">
                            <option value="0" selected>请选择</option>
                        </select>
                    </div>
				</li>
				 <li>
                    <label>客户</label>
                    <input type="text" name="clientName" class="tlinput"  id="searchClientName" style="width:220px;"/>
                </li>
                <li style="float:right"><label>&nbsp;</label><input name="btnSerch" onclick="searchReset();" type="button" class="cancelBtn scbtn" value="清空"/></li>
                <li style="float:right"><label>&nbsp;</label><input name="btnSerch" onclick="search(1);" type="button" class="scbtn" value="搜索"/></li>
            </ul>
        </div>
        <div class="tools" >
            <ul class="seachform">   
             	<li style="margin-left:30px;">
                    <label>应收总额：</label>
                    <label id="total1">0</label>
                </li>
                <li style="margin-left:100px;">
                    <label>回款总额：</label>
                    <label id="total2">0</label>
                </li>
                <li style="margin-left:100px;">
                    <label>待收总额：</label>
                    <label id="total3">0</label>
                </li>
            </ul>
        </div>
        <div id="usual1" class="usual">     
            <div id="tab2" class="tabson">    
                <table class="tablelist">
                    <thead>
                        <tr>
                        	<th>帐单编号</th>
                            <th>所在空间</th>
                            <th>客户</th>
                            <th>应收总额</th>
                            <th>回款总额</th>
                            <th>账单状态</th>
                            <th>账单日</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="userTable"></tbody>
                </table>
                <div class="pagin">
                    <div class="message">共<i id="totalRow" class="blue">0</i>条记录，每页<i id="pageSize" class="blue">0&nbsp;</i>条记录，当前显示第&nbsp;<i id="currentPage" class="blue">2&nbsp;</i>页</div>
                    <ul class="paginList" ></ul>
                </div>
            </div>
        </div>   
    </div>
    
    <style>
     ul#ViewInfo li{display: table-cell;width:350px;}
     ul#ViewInfo li:nth-child(2){margin-left:50px;}
    ul#ViewInfo li, ul#msgViewInfo li label{margin-top:-5px;font-size:16px;}
        .leftMenuTitle{background:url("./images/lefttop.gif") no-repeat;background-size: 4px 22px;background-position: 1px 7px;padding-left: 12px;}
    .leftMenuTitle span{border-bottom:0px;}
    #ViewInfo1 th{border:0px;}
   
    </style>
	<div class="place" name="viewInfo" style="display: none">
	    <span>位置：</span>
	    <ul class="placeul">
            <li><a href="#">账单管理</a></li>
            <li><a href="/euc/page/futurebillList.html">账单列表</a></li>
	    <li><a href="#">详情</a></li>
	    </ul>
	</div>
		<div class="formbody" name="viewInfo">
			<div class="leftMenuTitle formtitle"><span id="infoTitle"></span></div>
		    <div class="leftMenuTitle formtitle"><span>账单信息</span></div>
		     <table class="table" style="width:700px;">
			        <tbody id="ViewInfo1"></tbody>
			 </table>
		    <div class="formtitle"><span>账单明细</span></div>
		     <table class="table table-bordered" style="width:700px;">
			        <thead>
			          <tr>
			            <th>订单编号</th>
			            <th>订单类型</th>
			            <th>款项说明</th>
			            <th>应收金额</th>
			            <th>回款金额</th>
			            <th>回款日期</th>
			            <th>支付方式</th>
			            <th>备注</th>
			          </tr>
			        </thead>
			        <tbody id="billDetailTable"></tbody>
			      </table>
		     <div id="btnCloseBillDetail"  class="btn" >关闭</div>
		    </div>
	    </div>
    
    
    
</div>
</body>
</html>